<template>
	<view class="messageDetail">
		<view class="tjr_message_box">
			<view class="title_txt s28 familytow fblod">
				推荐人信息
			</view>
			<view class="detail_box flex">
				<view class="tjr_name_box flex">
					<view class="left_txt s26 family f500">
						推荐人
					</view>
					<view class="right_txt s26 family f500">
						张怀中
					</view>
				</view>
				<view class="tjr_name_box flex">
					<view class="left_txt s26 family f500">
						联系方式
					</view>
					<view class="right_txt s26 family f500">
						18003957954
					</view>
				</view>
				<view class="tjr_name_box flex">
					<view class="left_txt s26 family f500">
						会员级别
					</view>
					<view class="right_txt s26 family f500">
						城市合伙人
					</view>
				</view>
				<view class="tjr_name_box flex">
					<view class="left_txt s26 family f500">
						推荐日期
					</view>
					<view class="right_txt s26 family f500">
						2021/01/20
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		}
	}
</script>

<style scoped lang="scss">
	.messageDetail {
		overflow: hidden;

		.tjr_message_box {
			width: 686upx;
			height: 224upx;
			background: #FFFFFF;
			border-radius: 8upx;
			margin: 20upx auto;
			overflow: hidden;

			.title_txt {
				color: #666666;
				margin-top: 32upx;
				margin-left: 32upx;
			}

			.detail_box {
				margin-top: 32upx;
				margin-left: 32upx;
				flex-wrap: wrap;
				.tjr_name_box {
					width: 294upx;
					margin-right: 33upx;
					margin-bottom: 30upx;
					.left_txt {
						width: 104upx;
						color: #999999;
					}

					.right_txt {
						color: #333333;
						margin-left: 16upx;
					}
				}
			}
		}
	}
</style>
<style>
	page {
		background-color: #F4F5F9;
	}
</style>
